<template>
	<!--/*外层最大容器*/-->
		<div class="wrap">
		<!--	/*包裹所有元素的容器*/-->
			<div class="cube">
				<div v-for="(item,index) in photos" :class="item.mainCls">
					<img :src="item.url"  :class="item.imgCls"/>
				</div>
			</div>
		</div>
</template>

<script>
	
	
	export default {
		  name: '3D_2',
		  props: {
		    
		  },
		  data() {
		    return {
		      photos:[
						{ 
							mainCls:"out_front outside-div",
							url:"http://localhost:9998/photo/3d/img/1.jpeg",
							imgCls:"pic"
						},
						{
							mainCls:"out_back outside-div",
							url:"http://localhost:9998/photo/3d/img/2.jpeg",
							imgCls:"pic"
						},
						{
							mainCls:"out_left outside-div",
							url:"http://localhost:9998/photo/3d/img/3.jpeg",
							imgCls:"pic"
						},
						{
							mainCls:"out_right outside-div",
							url:"http://localhost:9998/photo/3d/img/4.jpeg",
							imgCls:"pic"
						},
						{
							mainCls:"out_top outside-div",
							url:"http://localhost:9998/photo/3d/img/5.jpeg",
							imgCls:"pic"
						},
						{
							mainCls:"out_bottom outside-div",
							url:"http://localhost:9998/photo/3d/img/6.jpeg",
							imgCls:"pic"
						},
						{
							mainCls:"in_front inside-div",
							url:"http://localhost:9998/photo/3d/img/7.jpeg",
							imgCls:"in_pic" //小正方形
						},
						{
							mainCls:"in_back inside-div",
							url:"http://localhost:9998/photo/3d/img/8.jpeg",
							imgCls:"in_pic"
						},
						{
							mainCls:"in_left inside-div",
							url:"http://localhost:9998/photo/3d/img/9.jpeg",
							imgCls:"in_pic"
						},
						{
							mainCls:"in_right inside-div",
							url:"http://localhost:9998/photo/3d/img/10.jpeg",
							imgCls:"in_pic"
						},
						{
							mainCls:"in_top inside-div",
							url:"http://localhost:9998/photo/3d/img/11.jpeg",
							imgCls:"in_pic"
						},
						{
							mainCls:"in_bottom inside-div",
							url:"http://localhost:9998/photo/3d/img/12.jpeg",
							imgCls:"in_pic"
						}
						
					]
		    }
		  },
			mounted() {
				
			}
		}
</script>

<style>
	@import url("./css/index.css");
</style>
